<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
<p>111</p>
<script type="text/javascript">
	/*
		this执向：
			函数在定义的时候没法确定this的指向，只有在调用的时候能确认，this取决于他的调用者

		-----在全局作用域中 或普通函数中，this指向的是全局 window
		-----在函数方法中，谁调用函数，this就指向谁
		-----在事件绑定中this指向事件源
	*/
	function fn(){
		console.log(this) //winodw
	}

	fn() //window.fn()
	//window.fn()

	let a = function(){
		console.log(this)
	}
	a() //window

	//对象
	let obj = {
		name:'张三',
		firend:['李四','王五'],
		like:function(){
			console.log('喜欢的人',this.firend[0],this)
		},
		hate:{
			firend:['王一'],
			kill:function(){
				console.log(this.firend[0],this)
			}
		}
	}
	console.log(obj.firend)
	obj.like() //this指向他的调用者 obj
	obj.hate.kill() //hate this指向调用者

	let p = document.querySelector('p')

	p.onclick = function(){
		console.log(this) //p
		this.style.color = 'red'
	}
</script>
</body>
</html>